<template>
  <div class="app"> 
    <HeaderVue></HeaderVue>
   <main class="fg1" style="min-height: 500px">
    <router-view></router-view>
  </main> 
  <FooterVue></FooterVue>

  </div>
</template>

<script setup> 
import HeaderVue from "./components/Header.vue";
import FooterVue from "./components/Footer.vue";
</script> 

<style>
@import "./assets/style/reset.css";
@import "./assets/style/common.css";

[src*="loading"] {
  width: 300px;
  height: 300px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-100 { padding-top: 100px; }
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }

</style>